<div id="carousel-carousel{{ module }}" class="carousel slide" data-bs-ride="carousel">


  <div class="carousel-inner">
    {% for banner in banners %}
      <div class="carousel-item text-center active">
        {% if banner.link %}
          <a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid"/></a>
        {% else %}
          <img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid"/>
        {% endif %}
      </div>
    {% endfor %}
  </div>
</div>
<script type="text/javascript"><!--
$('#carousel{{ module }}').carousel({
	interval: 2000,
	wrap: false
});

/*
$('#carousel{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 5,
	slidesPerGroup: 5,
	pagination: '.carousel{{ module }}',
	paginationClickable: true,
	nextButton: '.carousel .swiper-button-next',
	prevButton: '.carousel .swiper-button-prev',
	autoplay: $('#carousel{{ module }} img').length > 5 ? 2500 : 0,
	loop: true
});
*/
//--></script>